<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>时间计算器</title>
		<script type="text/javascript" src="js/core/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="js/core/jquery-ui-1.7.1.custom.min.js"></script>
		<script type="text/javascript" src="js/core/daterangepicker.jQuery.js"></script>
		
		<script type="text/javascript" src="js/time.js"></script>
		
		<link rel="stylesheet" href="css/ui.daterangepicker.css" type="text/css" />
		<link rel="stylesheet" href="css/jquery-ui-1.7.1.custom.css" type="text/css" title="ui-theme" />
		
		<script type="text/javascript">	
			$(function(){
				  var time=new Time();
				  var dateRangeConfig=time.dateRangePickerConfig;
				  $('#startDate').daterangepicker(dateRangeConfig); 
				  $('#endDate').daterangepicker(dateRangeConfig); 
			 });
		</script>
		
		<!-- 本地样式-->
		<style type="text/css">
			body { font-size: 62.5%; }
			input {width: 196px; height: 1.1em; display:block;}
		</style>
	</head>
	<body>
		<table width="80%" border="0">
			<tr>
				<td>起始日期：</td>
				<td><input type="text" value="" id="startDate" /></td>
				<td>起始时间：</td>
				<td><input id="startTime" type="text" value="00:00"/></td>
			</tr>
			<tr>
				<td>结束日期：</td>
				<td><input type="text" value="" id="endDate" /></td>
				<td>结束时间：</td>
				<td><input id="endTime" type="text" value="23:99"/></td>
			</tr>
		</table>
	</body>
</html>


